<script>
    import BaseStar from '@c/BaseStar/BaseStar'
    export default {
        data() {
            return {}
        },
        props:{
            ShopList:{
                type:Array,
                default:()=>{}
            }
        },
        components: {
            BaseStar,
        },
        methods: {
            /**
             * @Description 进店
             * @author Anonymous
             * @date 2019/6/5
             */
            e_goShopInfo(){
                wx.navigateTo({
                    url: '/pages/ShopInfo/main'
                })
            },

        },
        mounted(){},
        created() {}
    }
</script>
<template>
    <div>
        <div class="shopListArea" v-for="(v,i) in ShopList" :key="i">
            <div class="shopListTop">
                <div class="shopInfoArea">
                    <span class="shopName">{{v.shopname}}</span>
<!--                    <i-rate i-class="starCon" :disabled="true" :value="v.starnumber" :size="starsize">-->
<!--                    </i-rate>-->
                    <BaseStar/>
                    <span class="countLabel">月售{{v.sellAccount}}+</span>
                </div>
                <div class="goshopbtn" @click="e_goShopInfo">
                    <span>进店</span>
                </div>
            </div>
            <div class="shopServerArea">
                <div class="shopServerlabel">起送价 ￥{{v.price}}</div>
                <div class="shopServerlabel">基础运费 ￥{{v.fess}}</div>
                <div class="shopServerlabel">专人配送</div>
            </div>
            <div class="shopGoodsList">
                <img class="shopgoodsicon" :src="j" alt="" v-for="(j,k) in v.goodsImg" :key="k">
            </div>
            <div class="distanceArea">
                <span class="distanceTimer">{{v.distanceTimer}}分钟</span>
                <span class="distanceNumber">{{v.distanceNumber}}km</span>
            </div>
        </div>
    </div>

</template>
<style lang='scss' scoped>
@import "BaseShopList";
</style>
